{% load static %}
<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>{% block title %}GodJin{% endblock %}</title>

  <!-- UI 库：Bootstrap -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">

  <!-- 公共样式 -->
  <link rel="stylesheet" href="{% static 'css/base.css' %}">
  {% block extra_css %}{% endblock %}
</head>
<body class="bg-light">

  <!-- ===== 悬浮窗（全局共享） ===== -->
  <div id="smartBar" class="smartbar">
    <div class="container d-flex justify-content-between align-items-center">
      <span class="small d-none d-sm-inline">🔥 欢迎来到 GodJin</span>
      <div class="d-flex gap-2">
        <a href="/" class="btn btn-sm btn-outline-light">GodJin</a>
        <a href="mailto:3272717571@qq.com" class="btn btn-sm btn-outline-light">联系我</a>
        <a href="#" id="go_back" class="btn btn-sm btn-outline-light">上一页</a>
        <a href="#" id="toTopBtn" class="btn btn-sm btn-outline-light">返回顶部</a>
      </div>
    </div>
  </div>

  <!-- ===== 页面主体（子页面插入） ===== -->
  <main class="container py-4 no-top-line">
  {% block content %}{% endblock %}
</main>

  <!-- ===== 页脚（全局共享） ===== -->
  <footer class="footer mt-5 py-4 bg-dark text-light">
    <div class="container text-center">
      <p class="mb-1">@2025/09/08</p>
      {# 其他链接/备案号可在这里解开注释 #}
    </div>
  </footer>

  <!-- 公共 JS -->
  <script src="{% static 'js/base.js' %}"></script>
  {% block extra_js %}{% endblock %}
</body>
</html>
